<template>
  <div class="home">
    <Layout>
      <Header
        class="layout-header-bar"
        :style="{ minHeight: '910px', padding: '0 0 0 20px' }"
      >
        <MenuItem>单页面快速管理</MenuItem>
        <!-- button按钮 -->
        <MenuItem :style="{ background: 'white' }">
          <Button :style="{ margin: '0 12px 0 0px', background: '#FAFAFA ' }"
            >公司简介</Button
          >
          <Button :style="{ margin: '0 12px 0 0', background: '#FAFAFA ' }"
            >企业荣誉</Button
          >
          <Button :style="{ margin: '0 12px 0 0', background: '#FAFAFA ' }"
            >发展历程</Button
          >
          <Button :style="{ margin: '0 12px 0 0', background: '#FAFAFA ' }"
            >联系我们</Button
          >
          <Button :style="{ margin: '0 12px 0 0', background: '#FAFAFA ' }"
            >人才招聘</Button
          >
          <Button :style="{ margin: '0 12px 0 0', background: '#FAFAFA ' }"
            >营销网络</Button
          >
          <Table :columns="columns1" :data="data1"></Table>
          <Table :columns="columns2" :data="data2"></Table>
          <Table :columns="columns3" :data="data3"></Table>
        </MenuItem>
      </Header>

      <!-- <Content
          :style="{ margin: '20px', background: 'white', minHeight: '911px' }"
        >
          Content
        </Content> -->
    </Layout>
  </div>
</template>

<script>
export default {
  name: "Home",
  data() {
    return {
      columns1: [
        {
          title: "网站基本信息",
          key: "name",
        },
        {
          title: " ",
          key: "age",
        },
        {
          title: " ",
          key: "address",
        },
      ],
      data1: [
        {
          name: "单页面数：6",
          age: "文章总数：10",
          address: "New York No. 1 Lake Park",
          date: "2016-10-03",
        },
        {
          name: "afda",
          age: 24,
          address: "London No. 1 Lake Park",
          date: "2016-10-01",
        },
        {
          name: "Joe Black",
          age: 30,
          address: "Sydney No. 1 Lake Park",
          date: "2016-10-02",
        },
      ],
      columns2: [
        {
          title: "服务器信息",
          key: "name",
        },
        {
          title: " ",
          key: "age",
        },
        {
          title: " ",
          key: "address",
        },
      ],
      data2: [
        {
          name: "单页面数：6",
          age: "文章总数：10",
          address: "New York No. 1 Lake Park",
          date: "2016-10-03",
        },
        {
          name: "afda",
          age: 24,
          address: "London No. 1 Lake Park",
          date: "2016-10-01",
        },
      ],
      columns3: [
        {
          title: "管理员登录",
          key: "name",
        },
        {
          title: " ",
          key: "age",
        },
        {
          title: " ",
          key: "address",
        },
      ],
      data3: [
        {
          name: "单页面数：6",
          age: "文章总数：10",
          address: "New York No. 1 Lake Park",
          date: "2016-10-03",
        },
        {
          name: "afda",
          age: 24,
          address: "London No. 1 Lake Park",
          date: "2016-10-01",
        },
        {
          name: "Joe Black",
          age: 30,
          address: "Sydney No. 1 Lake Park",
          date: "2016-10-02",
        },
      ],
    };
  },
  components: {},
};
</script>
<style scoped>
.home {
  width: 952px;
}
.layout-header-bar {
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
</style>
